<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>基础知识</title>
	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"" rel="stylesheet">
	<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.2.3/animate.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../static/css/public.css" />
	<style type="text/css">
		li{
			text-indent: 3em;
			list-style: none;
		}
	</style>
</head>
<body>
	<!--右边内容-->
	<div id="app" class="main animated fadeInRight">
		<div class="shadow">
			<div>
				<h4>H5新特性</h4>
				<ul>
					<li>用于绘画的 canvas 元素</li>
					<li>用于媒介回放的 video 和 audio 元素</li>
					<li>对本地离线存储的更好的支持</li>
					<li>新的特殊内容元素，比如 article、footer、header、nav、section</li>
					<li>新的表单控件，比如 calendar、date、time、email、url、search</li>
					<li>不允许写结束标记的元素有:area、base、br、col、command、embed、hr、
					img、input、keygen、link、meta、param、source、track、wbr</li>
					<li>可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、
					colgroup、thead、tbody、tfoot、tr、td、th</li>
					<li>语义化标签：&lt;header&gt;&lt;/header&gt; &lt;footer&gt;
					&lt;/footer&gt;&lt;article&gt;&lt;/article&gt; </li>
					<li>input标签的增强:date、month、week、time、datetime、datetime-local、
					range、number、email、search</li>
					<li>拖放：drag、drop</li>
					<li>地理定位</li>
					<li>离线存储、web存储、websocket、webwork</li>
				</ul>
			</div>
			<div>
				<h4>css3新特性</h4>
				<ul>
					<li>支持动画 transition、transform、hover、visited</li>
					<li>elm:nth-of-type(n)、box-shown、background</li>
					<li>文字属性：换行、超出隐藏</li>
					<li>自定义动画：animation</li>
					<li>渐变、flex、媒体查询、grid</li>
				</ul>
			</div>
		</div>
	</div>
	<!--页面加载进度条-->
	<script src="https://cdn.bootcdn.net/ajax/libs/pace/0.5.0/pace.min.js"></script>
</body>

</html>